<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
<title>焦点学苑</title>
<link rel="stylesheet" href="/css/base.css">
<link rel="stylesheet" href="/css/style.css">
</head>

<body>


<div class="header">
    <div class="head wrap">
          <div class="logo fl"><a href=""><img src="/images/logo.png"></a></div>
          <div class="head-right fr">
              <div th:if="${session.user==null}">
                  <div class="head-a fr">
                      <div class="head-a1 fl"><a href=""><img src="/images/tb-a.png"></a></div>
                      <div class="head-a1 fl"><a href=""><img src="/images/tb-b.png"></a></div>
                      <div class="head-a3 login-click fl">登录</div>
                      <div class="head-a4 reg-click fl">注册</div>

                  </div>
              </div>
              <div th:if="${session.user!=null}">
                  <div class="head-a fr">
                      <div class="hgt fl"><img src="/images/hgt.png">
                          <div class="hgt-top">
                              <input type="text" class="hgt-text">
                          </div>
                      </div>
                      <div class="tbt fl"><img th:src="@{'/upload/'+${session.user.getHeadimg()}}" style="width: 30px;height: 30px;border-radius: 500rem;">
                          <div class="hgt-btm">
                              <a th:href="@{/article/personalMessage}">我的主页</a>
                              <a href="/userData/statistics">文章数据统计</a>
                              <a href="/userData/statistics2">收益统计</a>
                              <a href="/user/focus">我的关注</a>
                              <a href="/account.html">帐号设置</a>
                              <a th:href="@{/user/loginOut}">退出</a>
                          </div>
                      </div>

                  </div>
              </div>
              <div class="clearfix"></div>
              <div class="nav fr">
                  <ul>
                      <li><a href="/blog/getIndex">首页</a></li>
                       <li><a href="/blog/getArticleList?counts=0">文章</a>
                           <div class="sub-nav">
                                <div class="bich-top"></div>
                                 <div class="bich">
                                     <a href="">恋爱</a>
                                     <a href="">美食</a>
                                     <a href="">游记</a>
<!--                                     <a href="">约会</a>-->
                                 </div>
                           
                           </div>
                       </li>
                       <li><a href="/tool/community">社区</a></li>
                       <li><a href="/blog/getCourseInfoList?sorts=1">课程</a></li>
                       <li><a href="/tool/active">活动</a></li>
                       <li><a href="/tool/contact">联系我们</a></li>
                  
                  </ul>
              </div>
              <div class="clearfix"></div>
          </div>
    </div>
</div>


<div class="content">
    <div class="idx-banner">
            <div class="fullSlide">
                   <div class="box">
                        <ul>
                           <li style="background:url(/upload/ban.jpg) no-repeat center center;">
                                  <a href="javascript:;"></a></li>
                           <li style="background:url(/upload/ban.jpg) no-repeat center center;">
                                  <a href="javascript:;"></a></li>
                           <li style="background:url(/upload/ban.jpg) no-repeat center center;">
                                  <a href="javascript:;"></a></li>
                        </ul>
                    </div>
                    <div class="hbox">
                        <ul></ul>
                    </div> 
            </div>
    </div>
    
    <div class="wrap">
          <div class="cont-box">
               <div class="cont-a fl">
                     <div class="cont-a1"><a href="">新手上路</a><span>|</span><a href="">官方Q群</a><span>|</span><a href="">官方Q群</a></div>
                     <div class="cont-a1"><a href="">新手上路</a><span>|</span><a href="">官方Q群</a><span>|</span><a href="">官方Q群</a></div>
               </div>
               
               <div class="cont-b fl">
                      <div class="cont-b1">
                          <input type="text" class="cont-text fl" value="">
                          <input type="button" class="cont-btn fl">
                      </div>
                      <div class="cont-b2">热门搜索：分手  女孩  恋爱心理  约会</div>
               </div>
               
               <div class="cont-c fr">
                  <div class="cont-c1 fl">课程咨询<a href=""><img src="/images/QQ.jpg"></a><a href=""><img src="/images/QQ.jpg"></a></div>
                  <div class="cont-c2 fr"></div>
               </div>
        </div> 
          <div class="kg-box">
                 <div class="kg-title">文章推荐</div>
                 <div class="kg">
               <a th:href="@{/blog/getArticle(aid=${hotestArticleList[0].aid},count=0)}">
                   <div class="kg-a fl">
                    <div class="kg-a1 fl"><img src="/upload/kg-a1.jpg"></div>
                    <div class="kg-a2 fl">
<!--                        <span th:text="${session.indexmap.get(${session.hotestArticleList[0].aid})}"></span>-->
                         <div class="kg-a3" th:text="${hotestArticleList[0].title}">只要生活有期盼，一个人也可以很好。</div>
                         <div class="kg-a4" th:text="${indexmap.get(hotestArticleList[0].aid)}"></div>
                         <div class="kg-a5" th:text="${hotestArticleList[0].createtime}">发表于</div>
                         <div class="kg-a6">
                                    <span><img src="/images/col-c1.jpg" th:text="${hotestArticleList[0].commentnum}"></span>
                                    <span><img src="/images/col-c2.jpg" th:text="${hotestArticleList[0].collnum}"></span>
                                    <em><img src="/images/col-c3.jpg"></em>
                                    <em><img src="/images/col-c4.jpg"></em>
                                    <em><img src="/images/col-c5.jpg"></em>
                         </div>
                         <div class="kg-t"><img src="/images/kg-t.png"></div>
                    </div>
               </div></a>
                     <a th:href="@{/blog/getArticle(aid=${hotestArticleList[1].aid},count=0)}">
                         <div class="kg-a fl">
                             <div class="kg-a1 fl"><img src="/upload/kg-a1.jpg"></div>
                             <div class="kg-a2 fl">
                                 <!--                        <span th:text="${session.indexmap.get(${session.hotestArticleList[0].aid})}"></span>-->
                                 <div class="kg-a3" th:text="${hotestArticleList[1].title}">只要生活有期盼，一个人也可以很好。</div>
                                 <div class="kg-a4" th:text="${indexmap.get(hotestArticleList[1].aid)}"></div>
                                 <div class="kg-a5" th:text="${hotestArticleList[1].createtime}">发表于</div>
                                 <div class="kg-a6">
                                     <span><img src="/images/col-c1.jpg" th:text="${hotestArticleList[1].readnum}"></span>
                                     <span><img src="/images/col-c2.jpg" th:text="${hotestArticleList[1].commentnum}"></span>
                                     <em><img src="/images/col-c3.jpg"></em>
                                     <em><img src="/images/col-c4.jpg"></em>
                                     <em><img src="/images/col-c5.jpg"></em>
                                 </div>
                                 <div class="kg-t"><img src="/images/kg-t.png"></div>
                             </div>
                         </div></a>
                     <a th:href="@{/blog/getArticle(aid=${hotestArticleList[2].aid},count=0)}">
                         <div class="kg-a fl">
                             <div class="kg-a1 fl"><img src="/upload/kg-a1.jpg"></div>
                             <div class="kg-a2 fl">
                                 <!--                        <span th:text="${session.indexmap.get(${session.hotestArticleList[0].aid})}"></span>-->
                                 <div class="kg-a3" th:text="${hotestArticleList[2].title}">只要生活有期盼，一个人也可以很好。</div>
                                 <div class="kg-a4" th:text="${indexmap.get(hotestArticleList[2].aid)}"></div>
                                 <div class="kg-a5" th:text="${hotestArticleList[2].createtime}">发表于</div>
                                 <div class="kg-a6">
                                     <span><img src="/images/col-c1.jpg" th:text="${hotestArticleList[2].readnum}"></span>
                                     <span><img src="/images/col-c2.jpg" th:text="${hotestArticleList[2].commentnum}"></span>
                                     <em><img src="/images/col-c3.jpg"></em>
                                     <em><img src="/images/col-c4.jpg"></em>
                                     <em><img src="/images/col-c5.jpg"></em>
                                 </div>
                                 <div class="kg-t"><img src="/images/kg-t.png"></div>
                             </div>
                         </div></a>
                     <a th:href="@{/blog/getArticle(aid=${hotestArticleList[3].aid},count=0)}">
                         <div class="kg-a fl">
                             <div class="kg-a1 fl"><img src="/upload/kg-a1.jpg"></div>
                             <div class="kg-a2 fl">
                                 <!--                        <span th:text="${session.indexmap.get(${session.hotestArticleList[0].aid})}"></span>-->
                                 <div class="kg-a3" th:text="${hotestArticleList[3].title}">只要生活有期盼，一个人也可以很好。</div>
                                 <div class="kg-a4" th:text="${indexmap.get(hotestArticleList[3].aid)}"></div>
                                 <div class="kg-a5" th:text="${hotestArticleList[3].createtime}">发表于</div>
                                 <div class="kg-a6">
                                     <span><img src="/images/col-c1.jpg" th:text="${hotestArticleList[3].readnum}"></span>
                                     <span><img src="/images/col-c2.jpg" th:text="${hotestArticleList[3].commentnum}"></span>
                                     <em><img src="/images/col-c3.jpg"></em>
                                     <em><img src="/images/col-c4.jpg"></em>
                                     <em><img src="/images/col-c5.jpg"></em>
                                 </div>
                                 <div class="kg-t"><img src="/images/kg-t.png"></div>
                             </div>
                         </div></a>
                     </div>
          </div>

          <div class="rng-box">
              <div class="kg-title">达人推荐</div>
              <ul class="rng-ul" >
                  <li th:each="bloguser:${blogUsersList}"><div class="rng-a"><img th:src="'/upload/'+${bloguser.headimg}"></div>
                      <div class="rng-b"><a href=""><img src="/images/more.jpg"></a></div></li>
              </ul>
          </div>

          <div class="idx-btm"><a href=""><img src="/upload/act-f.jpg"></a></div>
    </div><!--wrap-->
</div>



<!--底部-->
<div class="footer">
   <div class="wrap">
      <div class="foot">
            <div class="foot-left fl">
                 <a href="">关于我们</a>
                 <a href="">加入我们</a>
                 <a href="/contact.html">联系我们</a>
                 <a href="">媒体采访</a>
            </div>
            <div class="foot-c fl"><a href=""><img src="/images/foot-logo.jpg"></a></div>
            <div class="foot-right fr">
                 <a href="">同城活动</a>
                 <a href="">课程资讯</a>
                 <a href="">最新发布</a>
                 <a href="">热门文章</a>
            </div>
       </div> 
       <div class="foot-btm">网页制作by云邦</div>    
   </div>
</div>


<!--登录注册弹窗-->
<div class="mask"></div>
<div class="login">
    <div class="login-title">
        <div class="login-a">登录</div>
        <div class="login-b"></div>
        <div class="login-c close">x</div>
    </div>
    <div class="login-btm">
        <form action="/user/userLogin" method="post">
            <div class="login-d"><input type="text" name="uphone" class="login-text" placeholder="手机号"></div>
            <div class="login-d"><input type="password" name="upass" class="login-pas" placeholder="密码"></div>
            <div class="login-d"><input type="submit" class="login-btn" value="登录" placeholder="登录"></div>
        </form>
        <div class="login-f">
            <a href="">忘记密码</a>
            <span>还没有焦点账号?><a href="javascript:;" class="reg-href">点击注册</a></span>
        </div>
    </div>
</div>

<div class="reg">
    <div class="login-title">
        <div class="login-a">注册</div>
        <div class="login-b"></div>
        <div class="login-c close">x</div>
    </div>
    <div class="login-btm">
        <form action="/user/userRegister" method="post" enctype="multipart/form-data">
            <div class="login-d"><input type="text" name="uphone" class="login-text" placeholder="手机号"></div>
            <div class="login-d"><input type="text" name="uemail" class="login-text" placeholder="邮箱"></div>
            <div class="login-d"><input type="text" name="uname" class="login-pas" placeholder="用户名"></div>
            <div class="login-d"><input type="file" name="file"></div>
            <div class="login-d"><input type="date" name="ubirthday" class="login-pas" placeholder="出生日期"></div>
            <div class="login-d">
                <select name="usex">
                    <option value="男">男</option>
                    <option value="女">女</option>
                </select>
            </div>
            <div class="login-d"><input type="text" name="ucity" class="login-pas" placeholder="地址"></div>
            <div class="login-d"><input type="password" name="upass" class="login-pas" placeholder="密码"></div>
            <div class="login-d"><input type="submit" class="login-btn" value="注册" placeholder="注册"></div>
        </form>
        <div class="login-f">
            <a href="">忘记密码</a>
        </div>
    </div>
</div>


<script src="/js/jquery-1.11.1.min.js"></script>
<script src="/js/jquery.SuperSlide.2.1.1.js"></script>
<script src="/js/Action.js"></script>

<script type="text/javascript">
$(function(){
var nav=$(".header"); //得到导航对象
var win=$(window); //得到窗口对象
var sc=$(document);//得到document文档对象。
win.scroll(function(){
  if(sc.scrollTop()>=580){
    nav.addClass("head-cut"); 
   $(".head-cut").fadeIn(500); 
  }else{
   nav.removeClass("head-cut");
   $(".head-cut").fadeOut(500);
  }
})  
})
</script>
<script type="text/javascript">
  $(function ($) {
            $(".fullSlide").slide({
                titCell: ".hbox ul",
                mainCell: ".box ul",
                effect: "fold",
				mouseOverStop:false,
                autoPlay: true,
                autoPage: true,
                trigger: "click",
                startFun: function (i) {
                    var curLi = jQuery(".fullSlide .bd li").eq(i);
                    if (!!curLi.attr("_src")) {
                        curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
                    }
                }
            });
          
        });
      
</script>
</body>
</html>
